.title {
    font-size: 18px;
    font-weight: bold;
    display: flex;
    align-items: center;
    background-color: transparent !important;
    color: #fff;
    padding-bottom: 0.15rem !important;
    /* border-bottom: 1px solid rgba(238, 238, 238, 1); */
}

.title i {
    margin-right: 0.15rem;
    width: 0.25rem;
    height: 0.25rem;
    color: white;
    background: black;
    border-radius: 0.25rem;
    padding: 0.02rem;
}

.details div {
    margin-top: 0.2rem;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.2rem;
    padding: 0 0.2rem;
}

.id {
    /* font-size: 18px; */
    /* font-weight: bold; */
    color: rgba(51, 51, 51, 1);
}
#userId {
    font-size: 18px;
    font-weight: bold;
    margin-left: 0.2rem;
}

.name p {
    font-size: 18px;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
}
.password p {
    font-size: 18px;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
}
.password input {
    font-size: 18px;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    background: rgba(230, 230, 230, 1);
    border: 1px solid rgba(215, 215, 215, 1);
    /* border-radius: 5px; */
}
.organization p {
    font-size: 18px;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
}
.organization input {
    font-size: 18px;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    background: rgba(230, 230, 230, 1);
    border: 1px solid rgba(215, 215, 215, 1);
    /* border-radius: 5px; */
}

.ant-select-selection {
    background: rgba(230, 230, 230, 1);
}

.name input {
    font-size: 18px;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    background: rgba(230, 230, 230, 1);
    border: 1px solid rgba(215, 215, 215, 1);
    /* border-radius: 5px; */
}

.role ::ng-deep .ant-select-selection {
    background: rgba(230, 230, 230, 1);
    border: 1px solid rgba(230, 230, 230, 1);
    /* border-radius:5px; */
}
.role ::ng-deep .ant-select-selection:active {
    background: rgba(230, 230, 230, 1);
    border: 1px solid rgba(230, 230, 230, 1);
}

.ng-invalid:not(form) {
    border-left: none;
}
/* role下拉框显示字体 */
.role :host ::ng-deep .ant-select-selection-selected-value {
    font-size: 22px;
    color: #6c72a4;
}

/* 模态框位置居中 */
/* ::ng-deep .vertical-center-modal {
    display: flex;
    align-items: center;
    justify-content: center;
} */

/* 修改按钮样式 */
/* ::ng-deep .ant-btn.ant-btn-default {
    width: 120px;
    background-color: #7f87be;
    border: none;
    color: #fff;
} */

/* ::ng-deep .ant-btn.ant-btn-primary {
    width: 120px;
    background-color: #4971ff;
    border: none;
} */

/* 修改背景色 */
::ng-deep .ant-modal-content {
    background-color: #363b72;
    border-radius: 10px !important;
}

/* 增加一个小圆点 */
.title .add-user-dot {
    display: block;
    width: 10px;
    height: 10px;
    background-color: #456cff;
}

/* 修改x图标的样式 */
::ng-deep .ant-modal-close {
    margin-top: 20px;
    margin-right: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50%;
    background-color: #6c72a4;
}

/* 去掉按钮上面的分割线 */
::ng-deep .ant-modal-footer.ng-star-inserted {
    border: none;
}

/* 修改按钮样式 */
::ng-deep .ant-modal-footer.ng-star-inserted .ng-star-inserted .ant-btn.ant-btn-default {
    width: 120px;
    background-color: #7f87be;
    border: none;
    color: #fff;
}
::ng-deep .ant-modal-footer.ng-star-inserted .ng-star-inserted .ant-btn.ant-btn-primary {
    width: 120px;
    background-color: #4971ff;
    border: none;
    margin-bottom: 20px;
}

/* 将两个按钮居中 */
::ng-deep .ant-modal-footer.ng-star-inserted {
    display: flex;
    justify-content: center;
}
::ng-deep.ant-form-item-label > label {
    color: #7b82b8;
}

::ng-deep .anticon.ant-modal-close-icon.anticon-close {
    font-size: 12px !important;
}

::ng-deep .ant-modal-close-x {
    /* padding-left: 2px; */
    line-height: 54px;
}

::ng-deep .ant-modal-close {
    width: 25px !important;
    height: 25px !important;
}

/* 增加一条分割线在adduser下面 */
.hrs {
    border-top: 2px solid #2d325a;
}

:host ::ng-deep .ant-form-item {
    margin-bottom: 0 !important;
}
